<template>
	<div
		role="tooltip"
		aria-hidden="false"
		class="popover el-popover el-popper"
		tabindex="0"
		x-placement="bottom">
		<slot name="content"></slot>
		<div x-arrow="" class="popper__arrow"></div>
	</div>
</template>

<script>
	export default {
		name: "popover"
	}
</script>

<style scoped lang="scss">
	.popover {
		transform-origin: left center;
		z-index: 10;
		position: absolute;
		top: 0px;
	}
</style>
